<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用HTML和CSS简单手风琴网页设计</title>
    <link rel="stylesheet" href="/2022-06-20使用HTML和CSS简单手风琴网页设计/css/index.css">
</head>

<body>
    <div class="container">
        <h1>Frequently Asked questions?</h1>
        <div class="tab">
            <input type="radio" name="acc" id="acc1">
            <label for="acc1">
                <h2>01</h2>
                <h3>How do I apply?</h3>
            </label>
            <div class="content">
                <p>Loram, ipsum dlolor sit
                    amet consecetur alipisicing elt wollitia at
                    exercitctionem fugalaucantlum commodi allcas
                    ollo qulbuscam prcesentlum earum Impecllt?
                </p>
            </div>
        </div>
        <div class="tab">
            <input type="radio" name="acc" id="acc2">
            <label for="acc2">
                <h2>02</h2>
                <h3>Lost of forgotten your password?</h3>
            </label>
            <div class="content">
                <p>Lorem ipsun, dolor sit amet consectetur
                    adipisicing elit. Neque, nesciunt? Culpa
                    nesciunt harun eum. Repellendus vitae nobis
                    nemo ab quae naxime nolestiae! Recusandae, quo
                    porro necessitatibus perferendis molestias
                    placeat repellendus assumenda. In tempora vel
                    labore est. Quo quod, assumenda culpa quat
                    perspiciatis ducimus eun debitis molestias est
                    placeat mollitia ipsa.
                </p>
            </div>
        </div>
        <div class="tab">
            <input type="radio" name="acc" id="acc3">
            <label for="acc3">
                <h2>03</h2>
                <h3>How can I make change to my application?</h3>
            </label>
            <div class="content">
                <p>Lorem, ipsum dolor sit
                    amet consectetur adipisicing elit. Mollitia at
                    exercitationen fuga laudantium comnodi alias
                    odio quibusdam praesentiun earum impeditk?
                </p>
            </div>
        </div>
        <div class="tab">
            <input type="radio" name="acc" id="acc4">
            <label for="acc4">
                <h2>04</h2>
                <h3>How can I update my name?</h3>
            </label>
            <div class="content">
                <p>Lorem, ipsum dolor sit
                    amet consectetur adipisicing elit.
                </p>
            </div>
        </div>
    </div>
</body>

</html>